<template>
  <div class="index-wrapper" data-v-0f9d3237="">
    <!---->
    <!---->
    <div class="goods-list" data-v-51e80252="" data-v-0f9d3237="">
      <div
        class="components-container"
        style="background: transparent; --vertical_margin: 16px; --transverse_margin: 0px;"
        data-v-73be6a2a=""
        data-v-51e80252=""
      >
        <div class="container-header">
          <div
            class="title-bar-container"
            style="padding-top: 24px; padding-bottom: 24px; height: inherit; background: none;"
          >
            <div
              class="title-content-wrapper"
              style="display: flex; justify-content: space-between"
            >
              <div
                class="title"
                style="display: flex; align-items: center; flex: 1; line-height: 28px; font-size: 20px; font-weight: 600; color: rgba(51, 51, 51, 1);"
              >
                <div>VIP课程</div>
              </div>
              <div
                style="display: flex; align-items: center; height: 28px; line-height: 26px;"
              >
                <div class="text-group" style="justify-content: flex-end">
                  <div class="text-box-inner">
                    <span>查看更多</span><i class="arrow-icon iconfont icon-hd_arrow" />
                  </div>
                </div>
                <!---->
              </div>
            </div>
          </div>
        </div>
        <div class="container-body" data-v-73be6a2a="">
          <div
            class="body-container body-container priceBox"
            style="--spacing: 16px; --goods-border-radius: 4px; --goods-image-style: cover; --lines: 2;"
            data-v-89b40b60=""
            data-v-51e80252=""
            data-v-73be6a2a=""
          >
            <div
              class="body-container-grid"
              style="grid-template-columns: repeat(5, 1fr)"
              data-v-89b40b60=""
            >
              <div
                id="goodsItem_19131616_0"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4mzg004ac.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/a.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        大专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      品牌实战
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      品牌实战
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        6980.00
                      </div>
                      <div class="marketing-info-prices_dis" data-v-68b4e208="">
                        13880.00
                      </div>
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_1"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4mzg00zlc.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/b.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        大专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      精英进阶
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      系统插画+系统C4D
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        6580.00
                      </div>
                      <!---->
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_2"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4mzfz0fg1.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/c.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        大专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      品牌实战+精英进阶
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      品牌实战+精英进阶
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        10800.00
                      </div>
                      <!---->
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_3"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4n3dw0idi.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/d.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      第八期系统插画课程
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      系统插画课程
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        3280.00
                      </div>
                      <div class="marketing-info-prices_dis" data-v-68b4e208="">
                        4280.00
                      </div>
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_4"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4n2m50z3c.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/e.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      第八期系统C4D课程
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      系统C4D课程
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        3680.00
                      </div>
                      <div class="marketing-info-prices_dis" data-v-68b4e208="">
                        4080.00
                      </div>
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_5"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4n5pa0mco.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/aa.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      版式色彩
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      版式色彩
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        2680.00
                      </div>
                      <!---->
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_6"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4n5pa0168.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/bb.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      字体
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      字体
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        1598.00
                      </div>
                      <!---->
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_7"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4n4xh04q1.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/cc.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      LOGOVIS
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      LOGO/VIS
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        2680.00
                      </div>
                      <div class="marketing-info-prices_dis" data-v-68b4e208="">
                        4000.00
                      </div>
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_8"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4n5pa0y29.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/dd.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      包装
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      包装
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        1598.00
                      </div>
                      <!---->
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19131616_9"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_61ed112a6192f_AtGqNtm6/l3u4n5pa0x6p.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/vipCourses/ee.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      物料工艺
                    </div>
                    <!---->
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        1298.00
                      </div>
                      <!---->
                    </div>
                  </div>
                </div>
                <!---->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
  </div>
</template>

<style lang="scss" scoped>
@import "~/static/sass/vipCourses_sass/variables";
@import "~/static/sass/vipCourses_sass/common-variables";
@import "~/static/sass/vipCourses_sass/index-wrapper";
</style>
